<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="tag" uri="com.sand.myTag" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/public.css" media="all">
</head>
<body>
<label class="layui-form-label">基础信息</label>
<div class="layui-form layuimini-form">
    <div class="layui-form-item">
        <table style="width: 90%; margin:auto;">
            <tr>
                <td>
                    <div class="layui-form-item">
                        <label class="layui-form-label ">房产编号:</label>
                        <div class="layui-input-block">
                            <input type="text" value="${contractShow.houseId}" disabled class="layui-input">
                        </div>
                    </div>
                </td>
                <td>
                    <div class="layui-form-item">
                        <label class="layui-form-label ">订单编号:</label>
                        <div class="layui-input-block">
                            <input type="text" value="${contractShow.orderId}" disabled class="layui-input">
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="layui-form-item">
                        <label class="layui-form-label ">房东姓名:</label>
                        <div class="layui-input-block">
                            <input type="text" value="${contractShow.name}" disabled class="layui-input">
                        </div>
                    </div>
                </td>
                <td>
                    <div class="layui-form-item">
                        <label class="layui-form-label ">房东电话:</label>
                        <div class="layui-input-block">
                            <input type="text" value="${contractShow.phone}" disabled class="layui-input">
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="layui-form-item">
                        <label class="layui-form-label ">租客姓名:</label>
                        <div class="layui-input-block">
                            <input type="text" value="${contractShow.userName}" disabled class="layui-input">
                        </div>
                    </div>
                </td>
                <td>
                    <div class="layui-form-item">
                        <label class="layui-form-label ">租客电话:</label>
                        <div class="layui-input-block">
                            <input type="text" value="${contractShow.userPhone}" disabled class="layui-input">
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="layui-form-item">
                        <label class="layui-form-label ">开始时间:</label>
                        <div class="layui-input-block">
                            <input type="text" value="${contractShow.leaseEffectiveTime}" disabled class="layui-input">
                        </div>
                    </div>
                </td>
                <td>
                    <div class="layui-form-item">
                        <label class="layui-form-label ">结束时间:</label>
                        <div class="layui-input-block">
                            <input type="text" value="${contractShow.leaseExpirationTime}" disabled class="layui-input">
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="layui-form-item">
                        <label class="layui-form-label ">租赁总金额:</label>
                        <div class="layui-input-block">
                            <input type="text" value="${contractShow.totalRentalPrice}" disabled class="layui-input">
                        </div>
                    </div>
                </td>
                <td>
                    <div class="layui-form-item">
                        <label class="layui-form-label ">签约时间:</label>
                        <div class="layui-input-block">
                            <input type="text" value="${contractShow.contractDate}" disabled class="layui-input">
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="layui-form-item">
                        <label class="layui-form-label ">合同状态:</label>
                        <div class="layui-input-block">
                            <c:if test="${contractShow.contractStatus==-1}">
                                <input type="text" value="等待审核" disabled class="layui-input">
                            </c:if>
                            <c:if test="${contractShow.contractStatus==0}">
                                <input type="text" value="履行中" disabled class="layui-input">
                            </c:if>
                            <c:if test="${contractShow.contractStatus==1}">
                                <input type="text" value="租客停止" disabled class="layui-input">
                            </c:if>
                            <c:if test="${contractShow.contractStatus==2}">
                                <input type="text" value="房东停止" disabled class="layui-input">
                            </c:if>

                        </div>
                    </div>
                </td>
                <td>
                    <div class="layui-form-item">
                        <label class="layui-form-label ">审核状态:</label>
                        <div class="layui-input-block">
                            <input type="text" value="${contractShow.confirm}" disabled class="layui-input">
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div class="layui-form-item">
                        <label class="layui-form-label ">小区名称:</label>
                        <div class="layui-input-block">
                            <input type="text" value="${contractShow.communityName}" disabled class="layui-input">
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="2" style="align-content: center">
                    <div class="layui-form-item">
                        <label class="layui-form-label ">小区地址:</label>
                        <div class="layui-input-block">
                            <input type="text" id="address" disabled class="layui-input">
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="2" style="align-content: center">
                    <div class="layui-form-item">
                        <label class="layui-form-label ">备注:</label>
                        <div class="layui-input-block">
                            <input type="text" id="remark" disabled class="layui-input">
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </div>
</div>
<label class="layui-form-label">合同内容:</label>
<div style="width: 500px;margin: auto;margin-top: 50px;background-color: whitesmoke;text-align: center;">
    <h3>好客租房合同</h3><br/><br/>
    <pre>
        ${contractShow.content}
    </pre>
    <img src="${pageContext.request.contextPath}/renting/img/icon/sandking.png" style="width: 100px;height: 100px;float: right;margin-right: 100px;margin-top: -80px;">
</div>

<script src="${pageContext.request.contextPath}/layui/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script>
    layui.use(['form', 'table'], function () {
        var $ = layui.jquery,
            form = layui.form,
            table = layui.table;

        $("#remark").val("${contractShow.remark}")
        $("#address").val("${contractShow.communityAddress}")
    })
</script>

</body>
</html>